<!DOCTYPE html>
<html dir="ltr" lang="en">
  <head>
    <meta content="text/html; charset=utf-8" />
    <link href="/oval/theme/ovalsky/css/main.css" type="text/css" rel="stylesheet" />
    <link href="/oval/theme/ovalsky/css/theme.css" type="text/css" rel="stylesheet" />
    <title>OvalSkype</title>
  </head>
  <body>
    <div id="blkPageTop">
      <div class="wrapper">
        <ul id="navPageTop" class="hnav">
        <li><a href="">Home</a></li>
        <li><a href="">Sitemap</a></li>
        <li><a href="">Contact</a></li>
        <li><a href="">About</a></li>
        <li><a href="">Service</a></li>
        <li><a href="">Product</a></li>
      </ul>
      </div>
      <br class="clear" />
    </div>
    
      <!-- header -->
      <div id="blkHeader">
        <div class="wrapper">
          <div id="blkLogo">
            <strong>OvalSkype</strong>
          </div>
        </div>
        <br class="clear" />
      </div>
      
      <!-- content -->
      <div id="blkMainContent">
        <div class="wrapper">
          <h1 id="pageTitle">Products</h1>
          <div id="productItems">

            <?php for ($i = 0; $i<10; ++$i): ?>
            <div class="productItem">
              <div class="productItemTn">
                <a href="#">
                  <img src="/oval/theme/ovalsky/images/app-signup-tn.jpg" alt="ovalsky"/>
                </a>
              </div>
              <div class="productItemContent">
                <div class="productTitle"><a href="#">Product Item </a></div>
                <p>Syndicate your blog to the news tab on your Facebook page and utilize the power of blogs and updatable content to widen your reach and encourage people to join your conversation.</p>
                <a class="moreInfo" href="#">more</a>
                <a class="btnAddToCart" href="#">buy</a>
              </div>
            </div>

            <?php endfor; ?>
          </div>
        </div>
         <br class="clear" />
      </div>
      <!--footer-->
      <div id="blkFooter">
        <div class="wrapper">
          
        </div>
         <br class="clear" />
      </div>
     

      <!--copyright-->
      <div id="blkCopyright" class="wrapper">
        <p class="blkLeft"><a href="http://thethemefoundry.com/traction/">Traction Theme</a> by <a href="http://thethemefoundry.com">The Theme Foundry</a></p>
        <p class="blkRight">Copyright &copy; 2011 Your Name Here. All rights reserved.</p>
        <br class="clear" />
      </div>
      <br class="clear" />
    </body>
</html>